html,body{
    height:100%;
}
.content{
    height:100%;
    position: relative;
    overflow: hidden;
}
/*上部部分*/
.content>.top-o{
    background-image: url(../../images/qrcode1.png);
    background-size:100% 100%;
    width:100%;
    height:6.47rem;
}
.content>.top-o>.top-t{
    width:100%;
    height:100%;
}
.content>.top-o>.top-t>.title{
    height:0.74rem;
}
/*下部部分*/
.content>.bottom{
    position:absolute;
    top:6.47rem;
    bottom:0;
    left:0;
    right:0;
    background-color: #f7f7f7;
}
/*中间卡片部分*/
.content>.center{
    box-shadow: 2px 8px 10px #c4d2ee,
                -2px 0px 10px #c4d2ee;
    border-radius: 10px;
    margin-top:40px;
    position:absolute;
    width:5.73rem;
    height:8.44rem;
    background-color: #fff;
    left:0.34rem;
    top:1rem;
}
/*卡片头像部分*/
.content>.center>.photo{
    width:1.13rem;
    height:1.14rem;
    border-radius: 50%;
    overflow: hidden;
    position:absolute;
    left:2.21rem;
    top:-0.6rem;
}
.content>.center>.photo>img{
    display: inline-block;
    width:1.13rem;
    height:1.14rem;
}
/*卡片二维码部分*/
.content>.center>.code-out{
    position:absolute;
    top:1.4rem;
    left:0.38rem;
    width:4.9rem;
    height:4.74rem;
    background-image: url(../../images/qrcode3.png);
    background-size: 4.9rem 4.74rem;
}
.content>.center>.code{
    border-radius: 8px;
    width:3.02rem;
    height:3rem;
    position: absolute;
    border:8px solid #548aeb;
    left:1.4rem;
    top:2.22rem;
    z-index: 10;
}
.content>.center>.code>img{
    width:2.73rem;
    height:2.76rem;
}
/*卡片标语部分*/
.content>.center>.slogan{
    position:absolute;
    left:0.78rem;
    top:6.43rem;
    width:4.1rem;
    height:1.03rem;
    background-image: url(../../images/qrcode5.png);
    background-size: 4.1rem 1.03rem;
}
/*卡片信息部分*/
.content>.center>.info{
    width:100%;
    height:auto;
    position:absolute;
    top:0.8rem;
    text-align: center;
    z-index: 99;
}
.content>.center>.info>.cgc{
    transform: scale(1.2);
    display: inline-block;
    font-weight: bold;
    color:black;
    font-size:0.24rem;
}
.content>.center>.info>.account{
    text-indent:-6px;
    color:black;
    transform: scale(0.9);
    display: inline-block;
    font-weight:bold;
    font-size:0.2rem;
}
/*卡片长按部分*/
.content>.center>.press{
    width:100%;
    position: absolute;
    bottom:0.39rem;
    text-align: center;
}
.content>.center>.press>span{
    display: inline-block;
    transform:scale(0.9);
    font-size: 0.12rem;
}

[v-cloak] {
    display: none !important;
}